<%--
  Created by IntelliJ IDEA.
  User: 甲乙饼叮叮
  Date: 2019/10/4
  Time: 15:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <link rel="Shortcut Icon" href="../imgs/Kat-icon.png">
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link type="text/css" href="../css/personal.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/head.css">
</head>

<body>
<!-- 导航开始 -->
<%@ include file="../nav/nav.jsp"%>
<!-- 导航结束 -->
    <!-- 个人中心视图 -->
    <a name="per"></a>
    <div class="personal">
        <div class="container">
            <div class="row">
                <div class="col-xs-2 col-sm-2 col-md-2" id="left">
                    <div class="title">
                        <span>个人中心</span>
                    </div>
                    <div id="outer">
                        <!-- <div class="container-fluid"> -->
                        <ul id="tab" class="nav navbar-nav">
                            <li><a href="${pageContext.request.contextPath}/personal/user" class="glyphicon glyphicon-user">&nbsp;<span>我的信息</span></a>
                            </li>
                            <li><a href="${pageContext.request.contextPath}/personal/order"
                                   class="glyphicon glyphicon-list-alt">&nbsp;<span>挂号订单</span></a></li>
                            <li><a href="${pageContext.request.contextPath}/personal/record"
                                   class="glyphicon glyphicon-calendar"><span>&nbsp;就诊记录</span></a></li>
                            <li class="active"><span class="glyphicon glyphicon-tasks">&nbsp;我的病历</span>
                            </li>
                            <li><a href="${pageContext.request.contextPath}/personal/safetys" class="glyphicon glyphicon-phone">&nbsp;<span>账号安全</span></a>
                            </li>
                            <li><a href="${pageContext.request.contextPath}/personal/newview" class="glyphicon glyphicon-tree-deciduous">&nbsp;<span>就诊管理</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-9 col-sm-9 col-md-9" id="righter">
                    <div class="title">
                        <span><img src="${pageContext.request.contextPath}/imgs/weblogo.png" alt="" style="width: 2%">知医治</span>

                    </div>
                    <div id="content">

                        <!--异步分页的区域-->
                        <div id="contents">

                        </div>
                        <!--异步分页的区域-->
                    </div>
                </div>
            </div>
        </div>
    </div>
<%@ include file="../nav/foot.jsp"%>
<script>
    $(function(){
        //如果js和jsp在同一个文件中,那么可以在js中使用EL表达式
        //如果js是单独的外部文件,则不允许使用EL表达式
        $("#contents").load("${pageContext.request.contextPath}/personal/medicals");
    });
</script>
    <!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
    <script src="../plugins/jquery/jquery.min.js"></script>
    <!--引入bootstrap的js文件-->
    <script src="../plugins/bootstrap/js/bootstrap.js"></script>
</body>

</html>